<template>
  <div class="continer">
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section content-collection full-bleed-section collection-type-blog-side-by-side background-width--full-bleed section-height--medium content-width--medium horizontal-alignment--center vertical-alignment--middle softwareMain white"
      data-section-id="6072cede316f9960ca8dee7c"
      style="padding-top: 263.812px"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="blog-item-wrapper blog-side-by-side-item-wrapper">
            <article class="h-entry entry hentry post-type-">
              <div class="blog-item-meta-wrapper">
                Apr 12 . Written By Houai Health Management
              </div>
              <div class="blog-item-top-wrapper">
                <h1 style="font-weight: 500">
                  Health Life at Emerging Vaccines Webinar
                </h1>
              </div>
              <div class="blog-item-meta-wrapper">
                Health Life attended and presented at the Emerging Vaccines
                Webinar
              </div>
              <div
                class="sqs-block gallery-block sqs-block-gallery"
                data-block-type="8"
                id="block-yui_3_17_2_1_1618188133069_4031"
              >
                <div
                  class="sqs-block-content"
                  id="yui_3_17_2_1_1727965224426_316"
                >
                  <div
                    class="sqs-gallery-container sqs-gallery-block-grid sqs-gallery-aspect-ratio-square sqs-gallery-thumbnails-per-row-5 sqs-gallery-has-thumbnails sqs-gallery-block-show-meta sqs-gallery-block-meta-position-bottom sqs-gallery-block-show-meta block-animation-none clear"
                  >
                    <div
                      class="sqs-gallery sqs-gallery-design-grid"
                      @click="showBigImg($event)"
                    >
                      <div
                        class="slide preScale sqs-gallery-design-grid-slide scaleIn"
                        data-type="image"
                        data-animation-role="image"
                        id="yui_3_17_2_1_1727965224426_165"
                        style="
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.288462s;
                        "
                      >
                        <div class="margin-wrapper">
                          <a
                            data-title=""
                            data-description=""
                            data-lightbox-theme="light"
                            :href="require('../../assets/imgs/Webinar+1.jpg')"
                            target="_blank"
                            role="button"
                            class="image-slide-anchor js-gallery-lightbox-opener content-fill"
                            style="overflow: hidden"
                          >
                            <!-- <span class="v6-visually-hidden">View fullsize</span> -->

                            <img
                              class="thumb-image loaded"
                              elementtiming="system-gallery-block-grid"
                              data-image-dimensions="2400x1080"
                              data-image-focal-point="0.5,0.5"
                              data-load="false"
                              src="../../assets/imgs/Webinar+1.jpg?format=500w"
                              alt=""
                              srcset=""
                            />
                          </a>
                        </div>
                      </div>
                      <div
                        class="slide preScale sqs-gallery-design-grid-slide scaleIn"
                        data-type="image"
                        data-animation-role="image"
                        id="yui_3_17_2_1_1727965224426_166"
                        style="
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.3s;
                        "
                      >
                        <div class="margin-wrapper">
                          <a
                            data-title=""
                            data-description=""
                            data-lightbox-theme="light"
                            :href="require('../../assets/imgs/Webinar+2.jpg')"
                            target="_blank"
                            role="button"
                            class="image-slide-anchor js-gallery-lightbox-opener content-fill"
                            style="overflow: hidden"
                          >
                            <!-- <span class="v6-visually-hidden">View fullsize</span> -->

                            <img
                              src="../../assets/imgs/Webinar+2.jpg?format=300w"
                              alt=""
                              srcset=""
                            />
                          </a>
                        </div>
                      </div>
                      <div
                        class="slide preScale sqs-gallery-design-grid-slide scaleIn"
                        data-type="image"
                        data-animation-role="image"
                        id="yui_3_17_2_1_1727965224426_167"
                        style="
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.311538s;
                        "
                      >
                        <div class="margin-wrapper">
                          <a
                            data-title=""
                            data-description=""
                            data-lightbox-theme="light"
                            :href="require('../../assets/imgs/Webinar+3.jpg')"
                            target="_blank"
                            role="button"
                            class="image-slide-anchor js-gallery-lightbox-opener content-fill"
                            style="overflow: hidden"
                          >
                            <!-- <span class="v6-visually-hidden">View fullsize</span> -->

                            <img
                              src="../../assets/imgs/Webinar+3.jpg?format=500w"
                              alt=""
                              srcset=""
                            />
                          </a>
                        </div>
                      </div>
                      <div
                        class="slide preScale sqs-gallery-design-grid-slide scaleIn"
                        data-type="image"
                        data-animation-role="image"
                        id="yui_3_17_2_1_1727965224426_168"
                        style="
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.323077s;
                        "
                      >
                        <div class="margin-wrapper">
                          <a
                            data-title=""
                            data-description=""
                            data-lightbox-theme="light"
                            :href="require('../../assets/imgs/Webinar+4.jpg')"
                            target="_blank"
                            role="button"
                            class="image-slide-anchor js-gallery-lightbox-opener content-fill"
                            style="overflow: hidden"
                          >
                            <!-- <span class="v6-visually-hidden">View fullsize</span> -->

                            <img
                              src="../../assets/imgs/Webinar+4.jpg?format=300w"
                              alt=""
                              srcset=""
                            />
                          </a>
                        </div>
                      </div>
                      <div
                        class="slide preScale sqs-gallery-design-grid-slide scaleIn"
                        data-type="image"
                        data-animation-role="image"
                        id="yui_3_17_2_1_1727965224426_169"
                        style="
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.334615s;
                        "
                      >
                        <div class="margin-wrapper">
                          <a
                            data-title=""
                            data-description=""
                            data-lightbox-theme="light"
                            :href="require('../../assets/imgs/Webinar+5.jpg')"
                            target="_blank"
                            role="button"
                            class="image-slide-anchor js-gallery-lightbox-opener content-fill"
                            style="overflow: hidden"
                          >
                            <!-- <span class="v6-visually-hidden">View fullsize</span> -->

                            <img
                              src="../../assets/imgs/Webinar+5.jpg"
                              alt=""
                              srcset=""
                            />
                          </a>
                        </div>
                      </div>

                      <div
                        class="slide preScale sqs-gallery-design-grid-slide scaleIn"
                        data-type="image"
                        data-animation-role="image"
                        id="yui_3_17_2_1_1727965224426_170"
                        style="
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.346154s;
                        "
                      >
                        <div class="margin-wrapper">
                          <a
                            data-title=""
                            data-description=""
                            data-lightbox-theme="light"
                            :href="require('../../assets/imgs/Webinar+6.jpg')"
                            target="_blank"
                            role="button"
                            class="image-slide-anchor js-gallery-lightbox-opener content-fill"
                            style="overflow: hidden"
                          >
                            <!-- <span class="v6-visually-hidden">View fullsize</span> -->
                            <img
                              src="../../assets/imgs/Webinar+6.jpg"
                              alt=""
                              srcset=""
                            />
                          </a>
                        </div>
                      </div>
                      <div
                        class="slide preScale sqs-gallery-design-grid-slide scaleIn"
                        data-type="image"
                        data-animation-role="image"
                        id="yui_3_17_2_1_1727965224426_171"
                        style="
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.357692s;
                        "
                      >
                        <div class="margin-wrapper">
                          <a
                            data-title=""
                            data-description=""
                            data-lightbox-theme="light"
                            :href="require('../../assets/imgs/Webinar+7.jpg')"
                            target="_blank"
                            role="button"
                            class="image-slide-anchor js-gallery-lightbox-opener content-fill"
                            style="overflow: hidden"
                          >
                            <!-- <span class="v6-visually-hidden">View fullsize</span> -->

                            <img
                              src="../../assets/imgs/Webinar+7.jpg"
                              alt=""
                              srcset=""
                            />
                          </a>
                        </div>
                      </div>
                      <div
                        class="slide preScale sqs-gallery-design-grid-slide scaleIn"
                        data-type="image"
                        data-animation-role="image"
                        id="yui_3_17_2_1_1727965224426_172"
                        style="
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.369231s;
                        "
                      >
                        <div class="margin-wrapper">
                          <a
                            data-title=""
                            data-description=""
                            data-lightbox-theme="light"
                            :href="require('../../assets/imgs/Webinar+8.jpg')"
                            target="_blank"
                            role="button"
                            class="image-slide-anchor js-gallery-lightbox-opener content-fill"
                            style="overflow: hidden"
                          >
                            <!-- <span class="v6-visually-hidden">View fullsize</span> -->

                            <img
                              src="../../assets/imgs/Webinar+8.jpg?format=300w"
                            />
                          </a>
                        </div>
                      </div>
                      <div
                        class="slide preScale sqs-gallery-design-grid-slide scaleIn"
                        data-type="image"
                        data-animation-role="image"
                        id="yui_3_17_2_1_1727965224426_173"
                        style="
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.380769s;
                        "
                      >
                        <div class="margin-wrapper">
                          <a
                            data-title=""
                            data-description=""
                            data-lightbox-theme="light"
                            :href="require('../../assets/imgs/Webinar+9.jpg')"
                            target="_blank"
                            role="button"
                            class="image-slide-anchor js-gallery-lightbox-opener content-fill"
                            style="overflow: hidden"
                          >
                            <!-- <span class="v6-visually-hidden">View fullsize</span> -->

                            <img
                              src="../../assets/imgs/Webinar+9.jpg?format=500w"
                              alt=""
                            />
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="blog-item-meta-wrapper houi">
                <router-link to="/news">Houai Health Management</router-link>
              </div>
            </article>
            <section class="item-pagination item-pagination--prev-next">
              <router-link
                to="/onlinemedical"
                class="item-pagination-link item-pagination-link--next"
              >
                <div class="pagination-title-wrapper">
                  <div></div>
                  <h2 class="item-pagination-title">
                    The development of Internet medical "throttle" and "brake"
                    are indispensable
                  </h2>
                </div>
              </router-link>
            </section>
          </div>
        </div>
      </div>
    </section>
    <!-- <div class="yui3-widget yui3-gismo yui3-lightbox2 yui3-lightbox2-focused">
      <div role="dialog" aria-label="Gallery" class="yui3-lightbox2-content"
        style="top: 0; height: 703px;">
        <div class="yui3-widget yui3-gismo yui3-lightboxoverlay">
          <div class="yui3-lightboxoverlay-content">
            <div class="sqs-lightbox-overlay sqs-lightbox-overlay-default light"
              style="z-index: 10000000; opacity: 0.95;"></div>
          </div>
        </div><a class="sqs-lightbox-close" role="button" tabindex="0" aria-label="Close" style=""
          id="yui_3_17_2_1_1728218782501_928"></a><a class="sqs-lightbox-previous" role="button" tabindex="0"
          aria-label="Previous Item"></a><a class="sqs-lightbox-next" role="button" tabindex="0"
          aria-label="Next Item"></a>
        <div class="sqs-lightbox-slideshow sqs-gallery-design-stacked" id="yui_3_17_2_1_1728218782501_657"
          style="opacity: 1;">
          <div class="sqs-lightbox-slide sqs-gallery-design-stacked-slide loaded sqs-active-slide"
           data-type="image" style="opacity: 1; z-index: 889;">
            <div class="sqs-lightbox-padder"><img class="thumb-image loaded"
                elementtiming="system-gallery-block-grid"
                data-src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188503632-CF8ZCGPNCJX6MBUDZALM/Webinar+1.jpg"
                data-image="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188503632-CF8ZCGPNCJX6MBUDZALM/Webinar+1.jpg"
                data-image-dimensions="2400x1080" data-image-focal-point="0.5,0.5" data-load="false"
                data-image-id="607398d59542b97e73c96d97" data-type="image"
                style="left: 0px; top: 89.55px;
                width: 100%;
                height: 495.9px;
                position: relative; visibility: visible; font-size: 0px;"
                data-parent-ratio="1.6" alt="Webinar 1.jpg" data-image-resolution="1500w"
                src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188503632-CF8ZCGPNCJX6MBUDZALM/Webinar+1.jpg?format=1500w"
                data-image-stretch="false"></div>
          </div>
          <div class="sqs-lightbox-slide sqs-gallery-design-stacked-slide loaded" id="yui_3_17_2_1_1728218782501_662"
            data-type="image" style="opacity: 0; z-index: 888;">
            <div class="sqs-lightbox-padder"><img class="thumb-image loaded" elementtiming="system-gallery-block-grid"
                data-src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188503827-7UC9YRMPVCVPM6RG6274/Webinar+2.jpg"
                data-image="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188503827-7UC9YRMPVCVPM6RG6274/Webinar+2.jpg"
                data-image-dimensions="1080x1440" data-image-focal-point="0.5,0.5" data-load="false"
                data-image-id="607398d57ffe752be9706f6c" data-type="image"
                style="left: 280.375px; top: 0px; width: 506.25px; height: 675px; position: relative; visibility: visible; font-size: 0px;"
                data-parent-ratio="1.6" alt="Webinar 2.jpg" data-image-resolution="750w"
                src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188503827-7UC9YRMPVCVPM6RG6274/Webinar+2.jpg?format=750w"
                data-image-stretch="false"></div>
          </div>
          <div class="sqs-lightbox-slide sqs-gallery-design-stacked-slide loaded"
            data-type="image" style="opacity: 0; z-index: 888;">
            <div class="sqs-lightbox-padder"><img class="thumb-image loaded" elementtiming="system-gallery-block-grid"
                data-src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188504903-P6MUIPF5YR0B5NE71C4W/Webinar+3.jpg"
                data-image="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188504903-P6MUIPF5YR0B5NE71C4W/Webinar+3.jpg"
                data-image-dimensions="2400x1080" data-image-focal-point="0.5,0.5" data-load="false"
                data-image-id="607398d8746dc54f30866bd5" data-type="image"
                style="left: 0px; top: 97.425px; width: 1067px; height: 480.15px; position: relative; visibility: visible; font-size: 0px;"
                data-parent-ratio="1.6" alt="Webinar 3.jpg" data-image-resolution="1500w"
                src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188504903-P6MUIPF5YR0B5NE71C4W/Webinar+3.jpg?format=1500w"
                data-image-stretch="false"></div>
          </div>
          <div class="sqs-lightbox-slide sqs-gallery-design-stacked-slide loaded"
            data-type="image" style="opacity: 0; z-index: 888;">
            <div class="sqs-lightbox-padder"><img class="thumb-image loaded" elementtiming="system-gallery-block-grid"
                data-src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188505981-NQJON9R55C9PVOJD09W0/Webinar+4.jpg"
                data-image="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188505981-NQJON9R55C9PVOJD09W0/Webinar+4.jpg"
                data-image-dimensions="1600x998" data-image-focal-point="0.5,0.5" data-load="false"
                data-image-id="607398d94513e47bededb55d" data-type="image"
                style="left: 0px; top: 4.72938px; width: 1067px; height: 665.541px; position: relative; visibility: visible; font-size: 0px;"
                data-parent-ratio="1.6" alt="Webinar 4.jpg" data-image-resolution="1500w"
                src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188505981-NQJON9R55C9PVOJD09W0/Webinar+4.jpg?format=1500w"
                data-image-stretch="false"></div>
          </div>
          <div class="sqs-lightbox-slide sqs-gallery-design-stacked-slide loaded"
            data-type="image" style="opacity: 0; z-index: 888;">
            <div class="sqs-lightbox-padder"><img class="thumb-image loaded" elementtiming="system-gallery-block-grid"
                data-src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188506736-L1Y1KQGZC5XEWMBB5AHB/Webinar+5.jpg"
                data-image="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188506736-L1Y1KQGZC5XEWMBB5AHB/Webinar+5.jpg"
                data-image-dimensions="2400x1080" data-image-focal-point="0.5,0.5" data-load="false"
                data-image-id="607398dac7789b592e9f1fcc" data-type="image"
                style="left: 0px; top: 97.425px; width: 1067px; height: 480.15px; position: relative; visibility: visible; font-size: 0px;"
                data-parent-ratio="1.6" alt="Webinar 5.jpg" data-image-resolution="1500w"
                src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188506736-L1Y1KQGZC5XEWMBB5AHB/Webinar+5.jpg?format=1500w"
                data-image-stretch="false"></div>
          </div>
          <div class="sqs-lightbox-slide sqs-gallery-design-stacked-slide loaded"
            data-type="image" style="opacity: 0; z-index: 888;">
            <div class="sqs-lightbox-padder"><img class="thumb-image loaded" elementtiming="system-gallery-block-grid"
                data-src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188507296-27UY9S315I248LXTRI27/Webinar+6.jpg"
                data-image="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188507296-27UY9S315I248LXTRI27/Webinar+6.jpg"
                data-image-dimensions="1080x1440" data-image-focal-point="0.5,0.5" data-load="false"
                data-image-id="607398da2c90cb118bbd7bd3" data-type="image"
                style="left: 280.375px; top: 0px; width: 506.25px; height: 675px; position: relative; visibility: visible; font-size: 0px;"
                data-parent-ratio="1.6" alt="Webinar 6.jpg" data-image-resolution="750w"
                src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188507296-27UY9S315I248LXTRI27/Webinar+6.jpg?format=750w"
                data-image-stretch="false"></div>
          </div>
          <div class="sqs-lightbox-slide sqs-gallery-design-stacked-slide loaded"
            data-type="image" style="opacity: 0; z-index: 888;">
            <div class="sqs-lightbox-padder"><img class="thumb-image loaded" elementtiming="system-gallery-block-grid"
                data-src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188508351-NKUET52C4FI4F9GHATW4/Webinar+7.jpg"
                data-image="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188508351-NKUET52C4FI4F9GHATW4/Webinar+7.jpg"
                data-image-dimensions="2400x1080" data-image-focal-point="0.5,0.5" data-load="false"
                data-image-id="607398dba629f72deebdb768" data-type="image"
                style="left: 0px; top: 97.425px; width: 1067px; height: 480.15px; position: relative; visibility: visible; font-size: 0px;"
                data-parent-ratio="1.6" alt="Webinar 7.jpg" data-image-resolution="1500w"
                src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188508351-NKUET52C4FI4F9GHATW4/Webinar+7.jpg?format=1500w"
                data-image-stretch="false"></div>
          </div>
          <div class="sqs-lightbox-slide sqs-gallery-design-stacked-slide loaded"
            data-type="image" style="opacity: 0; z-index: 888;">
            <div class="sqs-lightbox-padder"><img class="thumb-image loaded" elementtiming="system-gallery-block-grid"
                data-src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188508864-CFHCR3873RGZ8MV9AP39/Webinar+8.jpg"
                data-image="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188508864-CFHCR3873RGZ8MV9AP39/Webinar+8.jpg"
                data-image-dimensions="1080x1440" data-image-focal-point="0.5,0.5" data-load="false"
                data-image-id="607398dc1064fe18aba2351d" data-type="image"
                style="left: 280.375px; top: 0px; width: 506.25px; height: 675px; position: relative; visibility: visible; font-size: 0px;"
                data-parent-ratio="1.6" alt="Webinar 8.jpg" data-image-resolution="750w"
                src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188508864-CFHCR3873RGZ8MV9AP39/Webinar+8.jpg?format=750w"
                data-image-stretch="false"></div>
          </div>
          <div class="sqs-lightbox-slide sqs-gallery-design-stacked-slide loaded" id="yui_3_17_2_1_1728218782501_669"
            data-type="image" style="opacity: 0; z-index: 888;">
            <div class="sqs-lightbox-padder"><img class="thumb-image loaded" elementtiming="system-gallery-block-grid"
                data-src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188509309-B0J8VN6IHBDE8LHB3ODN/Webinar+9.jpg"
                data-image="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188509309-B0J8VN6IHBDE8LHB3ODN/Webinar+9.jpg"
                data-image-dimensions="2400x1080" data-image-focal-point="0.5,0.5" data-load="false"
                data-image-id="607398dd57e7cf58a4b704f7" data-type="image"
                style="left: 0px; top: 97.425px; width: 1067px; height: 480.15px; position: relative; visibility: visible; font-size: 0px;"
                data-parent-ratio="1.6" alt="Webinar 9.jpg" data-image-resolution="1500w"
                src="https://images.squarespace-cdn.com/content/v1/6072c7c1dc6dc87c9b553c5c/1618188509309-B0J8VN6IHBDE8LHB3ODN/Webinar+9.jpg?format=1500w"
                data-image-stretch="false"></div>
          </div>
        </div>
      </div>
    </div> -->
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../../components/header.vue";
import Footer from "../../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
  mounted() {},
  methods: {
    showBigImg(e) {
      console.log(e);
      if (e.target && e.target.nodeName == "IMG") {
        document.querySelector(".yui3-widget").style.display = "block";
        document.querySelector(".continer").classList.add("sqs-lightbox-open");
      }
    },
  },
};
</script>
<style scoped>
@import url("../../assets/css/common.css");
@media screen and (min-width: 768px) {
  .page-section.content-width--wide .content,
  .page-section.content-width--narrow.content-collection .content,
  .page-section.content-width--medium.content-collection .content {
    /* width: 75%; */
  }
}

@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  .blog-item-top-wrapper h1 {
    font-size: calc((4 - 1) * 1.2vw + 1rem);
  }
}

section > .content-wrapper {
  opacity: 1;
}

.page-section.horizontal-alignment--center > .content-wrapper {
  justify-content: center;
}

.page-section > .content-wrapper {
  display: flex;
}

.page-section > .content-wrapper {
  width: 100%;
  box-sizing: content-box;
  position: relative;
}

.page-section > .content-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}

.blog-item-wrapper {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}

.blog-item-wrapper article.entry {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding-right: 4vw;
  padding-left: 4vw;
  padding-top: 4vw;
  padding-bottom: 4vw;
}

@media screen and (min-width: 768px) {
  .blog-item-meta-wrapper {
    margin-bottom: 2rem;
  }
}

.blog-item-wrapper .blog-item-meta-wrapper {
  display: flex;
  align-items: center;
  gap: 11px;
  flex-wrap: wrap;
}

.blog-item-top-wrapper h1 {
  margin-top: inherit;
}

.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}

[class*="sqs-col"] .sqs-block {
  padding-left: 17px;
  padding-right: 17px;
}

.sqs-block {
  position: relative;
  height: auto;
  padding-top: 17px;
  padding-bottom: 17px;
}

.sqs-gallery-block-grid {
  overflow: hidden;
}

#block-yui_3_17_2_1_1618188133069_4031
  .sqs-gallery-block-grid
  .sqs-gallery-design-grid {
  margin-right: -20px;
}

.sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5
  .sqs-gallery-design-grid-slide:nth-child(5n + 1) {
  clear: left;
}

.sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5
  .sqs-gallery-design-grid-slide {
  width: 20%;
}

.sqs-gallery-block-grid .slide {
  float: left;
  width: 25%;
}

#block-yui_3_17_2_1_1618188133069_4031
  .sqs-gallery-block-grid
  .sqs-gallery-design-grid-slide
  .margin-wrapper {
  margin-right: 20px;
  margin-bottom: 20px;
}

/* .v6-visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
} */
.sqs-gallery-block-grid .slide .margin-wrapper {
  position: relative;
}

.slide img {
  width: 100%;
}

.sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square
  .slide
  .margin-wrapper
  a.image-slide-anchor,
.sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square
  .slide
  .margin-wrapper
  .content-wrapper,
.sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square
  .slide
  .margin-wrapper
  .content-wrapper.content-fill
  .sqs-video-wrapper {
  padding-bottom: 100%;
}

.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
  display: inline-block;
}

.sqs-gallery-block-grid img.loaded {
  opacity: 1 !important;
}

.sqs-gallery-block-grid img {
  transition: opacity 1s;
}


.margin-wrapper img {
  width: 246px;
  height: 246px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .margin-wrapper img {
    width: 161px;
    height: 161px;
  }
}

.houi {
  padding-top: 100px;
  padding-bottom: 100px;
}

.item-pagination--prev-next {
  display: flex;
  padding: 3vw 4vw 3vw;
}

.item-pagination-link {
  /* text-align: left;
    display: flex;
    align-items: center;
    max-width: 50%;
    width: auto; */
  width: 50%;
}

.item-pagination-link--next {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}

h2 {
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.403846s;
}

.item-pagination-link .item-pagination-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}

@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  [data-collection-type^="blog"] .item-pagination-title {
    font-size: calc((2.2 - 1) * 1.2vw + 1rem);
  }
}

.item-pagination-link--next h2 {
  width: 100%;
  position: relative;
}

.item-pagination-link--next h2::after {
  width: 20px;
  height: 20px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-color: #000;
  content: "";
  position: absolute;
  right: -30px;
  top: 20px;
  transform: rotate(45deg);
}

/* @media screen and (min-width: 768px), screen and (max-width: calc(1511px)) and (orientation: landscape) {
    .item-pagination-title {
        font-size: calc((2.2 - 1)* 1.2vw + 1rem);
    }
} */
@media screen and (max-width: 767px) {
  .sqs-gallery-design-grid-slide {
    width: 50% !important;
    clear: none !important;
  }
}
.sqs-lightbox-open {
  position: static !important;
  overflow-y: hidden;
}
.yui3-widget {
  display: none;
}
.yui3-lightbox2 .yui3-lightbox2-content {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.yui3-lightbox2 .yui3-lightbox2-content {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.yui3-lightbox2 .sqs-lightbox-close:before {
  font-family: "squarespace-ui-font";
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  content: "\E02E";
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.yui3-lightbox2 .sqs-lightbox-close:before {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.yui3-lightbox2 .sqs-lightbox-close,
.yui3-lightbox2 .sqs-lightbox-previous,
.yui3-lightbox2 .sqs-lightbox-next,
.yui3-lightbox2 .sqs-lightbox-meta-trigger {
  position: absolute;
  z-index: 100000002;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  height: 20px;
  width: 20px;
  font-size: 26px;
  cursor: pointer;
  outline-color: currentColor;
}
.yui3-lightbox2 .sqs-lightbox-next,
.yui3-lightbox2 .sqs-lightbox-previous {
  padding: 12px;
  opacity: 0;
  top: 50%;
  margin-top: -22px;
  transition: opacity 0.2s;
}
.yui3-lightbox2 .sqs-lightbox-next,
.yui3-lightbox2 .sqs-lightbox-previous {
  padding: 12px;
  opacity: 0;
  top: 50%;
  margin-top: -22px;
  transition: opacity 0.2s;
}
.yui3-lightbox2 .sqs-lightbox-previous:before {
  font-family: "squarespace-ui-font";
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  content: "\E02C";
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.yui3-lightbox2 .sqs-lightbox-previous:before {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.yui3-lightbox2 .sqs-lightbox-next::before,
.yui3-lightbox2 .sqs-lightbox-previous::before {
  font-size: 22px;
}

.yui3-lightbox2 .sqs-lightbox-next {
  right: 2%;
}
.yui3-lightbox2 .sqs-lightbox-next,
.yui3-lightbox2 .sqs-lightbox-previous {
  padding: 12px;
  opacity: 0;
  top: 50%;
  margin-top: -22px;
  transition: opacity 0.2s;
}
.yui3-lightbox2 .sqs-lightbox-close,
.yui3-lightbox2 .sqs-lightbox-previous,
.yui3-lightbox2 .sqs-lightbox-next,
.yui3-lightbox2 .sqs-lightbox-meta-trigger {
  position: absolute;
  z-index: 100000002;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  height: 20px;
  width: 20px;
  font-size: 26px;
  cursor: pointer;
  outline-color: currentColor;
}
.yui3-lightbox2 .sqs-lightbox-next,
.yui3-lightbox2 .sqs-lightbox-previous {
  padding: 12px;
  opacity: 0;
  top: 50%;
  margin-top: -22px;
  transition: opacity 0.2s;
}
.yui3-lightbox2 .sqs-lightbox-next {
  right: 2%;
}
.yui3-lightbox2 .sqs-lightbox-next:before {
  font-family: "squarespace-ui-font";
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  content: "\E02D";
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.sqs-lightbox-overlay.light {
  background: rgba(246, 246, 246, 0.98) !important;
  color: #3e3e3e;
}
.yui3-lightbox2 .sqs-lightbox-overlay {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  background: #000;
  height: 100%;
  width: 100%;
}
.sqs-gallery-design-stacked {
  position: relative;
  text-align: left;
}
.yui3-lightbox2 .sqs-lightbox-slideshow {
  height: 100%;
  opacity: 0;
  z-index: 100000001;
}
.sqs-gallery-design-stacked-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.yui3-lightbox2 .sqs-lightbox-slideshow .sqs-lightbox-padder {
  position: absolute;
  text-align: left;
  top: 2%;
  left: 2%;
  bottom: 2%;
  right: 2%;
}
</style>
